<template>
  <div class="app-container">

    <div class="card-wrap flex-column justify-end card-padding">

      <div class="card-title-wrap">
        <span>基本信息</span>
        <span></span>
      </div>

      <el-descriptions title="">
        <el-descriptions-item label="供应商名称">kooriookami</el-descriptions-item>
        <el-descriptions-item label="业务分类">kooriookami</el-descriptions-item>
        <el-descriptions-item label="供应商类型"><el-tag size="small">启用</el-tag></el-descriptions-item>
        <el-descriptions-item label="状态"><el-tag size="small">启用</el-tag></el-descriptions-item>
        <el-descriptions-item label="联系人">kooriookami</el-descriptions-item>
        <el-descriptions-item label="联系电话">kooriookami</el-descriptions-item>
        <el-descriptions-item label="供应商法人">
          <el-tag size="small">学校</el-tag>
        </el-descriptions-item>
        <el-descriptions-item label="统一社会信用代码">fhdfhdfh</el-descriptions-item>
        <el-descriptions-item label="城市">jfghjftjftyj</el-descriptions-item>
        <el-descriptions-item label="详细地址">jfghjftjftyj</el-descriptions-item>
        <el-descriptions-item label="签订协议">jfghjftjftyj</el-descriptions-item>
        <el-descriptions-item label="合约期限">jfghjftjftyj</el-descriptions-item>
        <el-descriptions-item label="营业执照">
          <div class="flex">
            <UploadImg justDetail :up-text="'身份证正面'"></UploadImg>
          </div>
        </el-descriptions-item>
        <el-descriptions-item label="备注">jfghjftjftyj</el-descriptions-item>



      </el-descriptions>

    </div>

    <div class="card-wrap flex-column justify-end card-padding">

      <div class="card-title-wrap">
        <span>账户信息</span>
        <span></span>
      </div>

      <el-table
        border
        :data="[{ date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄' }, { date: '2016-05-04', name: '王小虎', address: '上海市普陀区金沙江路 1517 弄' }]"
        style="width: 100%">
        <el-table-column
          align="center"
          type="index"
          width="50"
          label="序号">
        </el-table-column>
        <el-table-column
          prop="date"
          align="center"
          label="开户名称"
          width="280">
        </el-table-column>
        <el-table-column
          prop="name"
          align="center"
          label="开户银行"
          width="280">
        </el-table-column>
        <el-table-column
          prop="address"
          align="center"
          label="银行账户">
        </el-table-column>
        <el-table-column
          prop="address"
          align="center"
          label="是否为生效账号">
        </el-table-column>
      </el-table>

      <el-descriptions title="">
        <el-descriptions-item label="备注">kooriookami</el-descriptions-item>

        <el-descriptions-item label="附件">
          <div class="flex">
            <UploadFile></UploadFile>
          </div>
        </el-descriptions-item>
      </el-descriptions>

    </div>



<!--    <div class="card-wrap flex justify-end card-padding">-->
<!--      <el-button @click="cancel">取消</el-button>-->
<!--      <el-button :loading="buttonLoading" type="primary" @click="submitForm">保存</el-button>-->
<!--    </div>-->

  </div>
</template>

<script>


import UploadImg from "@/components/UploadImg/index.vue";
import UploadFile from "@/components/UploadFile/index.vue";

export default {
  components: {
    UploadFile,
    UploadImg
  },
  dicts: ['sys_order_source'],
  data() {
    return {
      buttonLoading:false,
      form:{},
      activeName:'first'
    };
  },
  created() {
  },
  methods: {
    cancel(){

    },
    submitForm(){

    },
  }
};
</script>


<style lang="scss" scoped>



</style>
